<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<jsp:include page="/common/backend_common.jsp"/>
	<title>角色卡片界面</title>
</head>
<style>
.layui-tab {
    margin: 0px;
}
.layui-tab-title li {
    margin-top: 0px;
}
</style>
<body>
<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
<div class="layui-form" lay-filter="roleCardForm"> 
	<input type="hidden" id="id" name="id" />
	<div class="layui-tab layui-tab-card">
	<ul class="layui-tab-title">
	  <li class="layui-this">基本信息</li>
	  <li>角色用户</li>
	  <li>角色菜单</li>
	  <li>4</li>
	  <li>5</li>
	</ul>
	<div class="layui-tab-content" style="height: 100%;">
		<div class="layui-tab-item layui-show">
			<div id="rolePage">基本信息</div>
		</div>
		<div class="layui-tab-item">
			<div id="roleAndUser">角色用户</div>
		</div>
		<div class="layui-tab-item">
			<div id="roleAndMenu">角色菜单</div>
		</div>
		<div class="layui-tab-item">4</div>
		<div class="layui-tab-item">5</div>
	 </div>
	</div>
  <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</div>

<script type="text/javascript" src="../../../other/layui_packge_js/config.js"></script>
<script type="text/javascript" src="roleCard.js"></script>
<script>
$(function(){
	load_home();
});

function load_home() {
	alert(111);
	//$("#rolePage").html('<object type="text/html" data="/sys/role/edit.page"></object>');
	$("#rolePage").html('<iframe src="/sys/role/edit.page" width="100%" height="100%" frameborder="0">');
	
}
</script>
</body>
</html>